@import "partials/mixins";
@import "partials/flex";
@import "partials/base";
html {
    height: 100%;
}

body {
    -webkit-text-size-adjust: none;
    height: 100%;
    background: #f3f9f3;
    font-family: "Microsoft YaHei", sans-serif;
    letter-spacing: 1px;
    font-size: pxToRem(30px);
}

* {
    margin: 0;
    box-sizing: border-box;
}

#app {
    height: 100%;
}

#main {
    height: 100%;
    #content {
        position: relative;
        &>div {
            position: absolute;
            left: 0;
            right: 0;
            bottom: 0;
            top: 0;
            overflow: auto;
        }
    }
}

a {
    text-decoration: none;
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="date"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="time"]:focus,
input[type="url"]:focus,
input[type="color"]:focus,
textarea:focus {
    background: #fafafa;
    border-color: #999999;
    outline: none;
}

#loading {
    height: pxToRem(225px);
}